<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#cont{
				width: 600px;
				height: 400px;
			}
		</style>
	</head>
	<body>
		<div id="cont"></div>
		<!-- 1、引入echarts的js文件 -->
		<script src="echarts.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			// 2、基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('cont'));
			// 3、指定图表的配置项和数据
			var option = {
				title: {
					text: '5月女装销量'
					},
					tooltip: {},
					legend: {
						data:['销量']
					},
			    xAxis: {
			        type: 'category',
			        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
			    },
			    yAxis: {
			        type: 'value'
			    },
				// series系列列表。每个系列通过 type 决定自己的图表类型
			    series: [{
					name: '销量',
			        data: [820, 932, 901, 934, 1290, 1330, 1320],
			        type: 'line'  //折线
					// type: 'bar'  //柱状
					// type: 'pie'  //饼状
			    }]
			};
			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
		
		
	</body>
</html>
